  $(function(){
    $(".block1").mouseenter(function(){
        $(".block1").children("ul").addClass("active")
    }).mouseleave(function(){      
        $(".block1").children("ul").removeClass("active")
    })
})
$(function(){
    $(".block2").mouseenter(function(){
        $(".img1").fadeIn(500);
    }).mouseleave(function(){      
        $(".img1").fadeOut(500);
    })
})
$(function(){
    $(".block3").mouseenter(function(){
        $(".img2").fadeIn(500);
    }).mouseleave(function(){      
        $(".img2").fadeOut(500);
    })
})
$(function(){
    $("button").click(function(){
        $("#cord").children("div").children("div").eq($(this).index("button")).addClass("active").siblings().removeClass("active")
       
    })
})